<template>
  <div class="wh">
    <Earth
      :showToolBox="false"
      :showEagleView="false"
      :showStatusBar="false"
      @ready="earthReady"
      :mode2d="false"
    />
  </div>
</template>
<script setup>
import { ref, onMounted, reactive, defineProps } from "vue";
import { apiList } from "@/api/apiList";

import useCommon from './useCommon.js'

let usecommon = ''

let props = defineProps({
  itemOptions: Object,
});

function loadtif() {
  usecommon.loadTif(props.itemOptions)
}

function earthReady() {
  usecommon = useCommon()
  if (props.itemOptions.type == "loadtif") {
    loadtif();
  }
}
</script>
<style lang="scss" scoped></style>
